/*全局 开始*/
@charset "utf-8";
body {
    color: #343a40;
}

a:hover {
    color: #006400;
}

.detail {
    font-size: 16px;
    line-height: 180%;
}

/*规格*/
[data-prime].active {
    background: #006400;
    border-color: #006400;
}

/*主题*/
.page-right {
    border-top: 2px solid #006400;
}

/*折叠伸缩*/
ul.nav-list li > a.active {
    color: #006400;
}

/*选项卡*/
.nav-tabs li.active .nav-link {
    border-top: 3px solid #006400;
}

/*分页*/
.pages a:hover {
    border-color: #bc020f;
    background: #006400;
}

.pages li.active span {
    background: #006400;
    border-color: #bc020f;
}

/*头部*/
#header .header-body {
    border-top: none;
}

/*头部导航主体*/
#header .header-nav-main nav > ul > li > a {
    font-size: .95rem;
}

#header .header-nav.header-nav-links nav > ul > li:hover > a {
    color: #006400 !important;
}

/*新增*/
.btn-default {
    border-color: #eaeaea;
    background-color: #eee;
}

.btn-default:hover {
    border-color: #006400 !important;
    background-color: #006400 !important;
    color: #fff;
}

table {
    width: 100%;
}

table tr td {
    border: 1px solid #eee;
    padding: 8px 10px;
}

/*视频*/
.height-540 {
    height: 540px;
}

.mt-200 {
    margin-top: 200px;
}

.video-cover {
    z-index: 1;
    background: rgba(0, 0, 0, .8);
}

.video-source {
    box-sizing: border-box;
    height: 100%;
    padding: 10px 10px 10px 0;
    overflow: auto;
    color: #c7c7c7;
    overflow-x: hidden;
    overflow-y: auto;
}

.video-source::-webkit-scrollbar {
    background-color: #131313;
    width: 5px
}

.video-source::-webkit-scrollbar-thumb {
    background-color: rgba(244, 244, 244, .4)
}

.video-source::-webkit-scrollbar-thumb:hover {
    background-color: rgba(244, 244, 244, .3)
}

.video-source::-webkit-scrollbar-track {
    border: 0;
    background-color: #131313
}

/* 导航banner */
#header.header-effect-shrink .header-container {
    min-height: 45px !important;
}

#header .header-nav.header-nav-links nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-links nav > ul > li.dropdown:hover > .dropdown-menu {
    margin-top: -1px;
}

@media (min-width: 992px) {
    #header .header-top {
        min-height: 35px;
    }

    #header .header-nav {
        min-height: 45px !important;
    }

    #header .header-nav.header-nav-links nav > ul > li > a {
        min-height: 45px;
    }

    #header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown:hover > a:before {
        top: 88%;
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        min-width: 100px;
    }

    html:not(.sticky-header-active) #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a {
        color: #006400;
    }

    .banner {
        height: 18rem !important;
    }

    .header-logo img {
        width: 120px;
        height: 35px;
    }

    .video-right {
        height: 540px;
    }

    .video-list {
        position: relative;
        margin: 15px 0;
    }
}

@media (max-width: 767px) {
    #header .header-logo {
        margin: .55rem 0;
    }

    #header .header-nav {
        min-height: 45px;
        padding: .55rem 0;
    }

    #header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown:hover > a:before {
        display: none;
    }

    .carousel-item {
        height: 15rem;
        background-color: #777
    }

    .carousel-item > img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        height: 21.3rem
    }

    .banner {
        height: 9rem !important;
    }

    .h2, h2 {
        font-size: 1.5rem !important;
    }

    .header-logo img {
        width: 120px;
        height: 35px;
    }

    .video-list {
        position: relative;
        margin: 5px 0;
    }

    table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

/*其他*/
.text-danger {
    color: #006400 !important;
}

.line-height-150 {
    line-height: 150%;
}

.line-height-180 {
    line-height: 180%;
}

.detail {
    font-size: 14px;
    line-height: 180%;
}

.fixed-top-35 {
    position: fixed !important;
    top: 35px;
    right: 0;
    left: 0;
}

.mb-121 {
    margin-bottom: 121px;
}

.bg-dark-deep {
    background: #222;
}

.font-24 {
    font-size: 24px;
}

.percent-20 {
    width: 20%;
}

#footer {
    padding: 30px 0 0;
}

#footer {
    background: #1b1b1b;
    border-top: 4px solid #1b1b1b;
    color: #878787;
}

#footer .h5 {
    font-size: 1.2rem;
}

.title-bottom {
    width: 60px;
    height: 4px;
    background: #006400;
    display: block;
    left: 540px;
    top: 0;
}

.img-border {
    border: 1px solid #dedede !important;
}

.img-border:hover {
    border: 1px solid #006400 !important;
}